<!DOCTYPE html>
<html>

	<head>
		<title>新增账号</title>
		<meta name="viewport" content="width=device-width, initial-scale=1.0">
		<meta charset="UTF-8" />
		<link rel="icon" type="image/ico" href="" />
		<link href="assets/css/vendor/bootstrap/bootstrap.min.css" rel="stylesheet">
		<link href="http://netdna.bootstrapcdn.com/font-awesome/4.0.3/css/font-awesome.css" rel="stylesheet">
		<link rel="stylesheet" href="assets/css/vendor/bootstrap-checkbox.css">
		<link rel="stylesheet" href="assets/js/vendor/chosen/css/chosen.min.css">
		<link rel="stylesheet" href="assets/js/vendor/chosen/css/chosen-bootstrap.css">
		<link rel="stylesheet" href="assets/js/vendor/datatables/css/dataTables.bootstrap.css">
		<link rel="stylesheet" href="assets/js/vendor/datatables/css/ColVis.css">
		<link href="assets/css/minimal.css" rel="stylesheet">
	</head>

	<body class="bg-1">
		<div class="mask">
			<div id="loader"></div>
		</div>
		<div id="wrap">
			<div class="row">
				<div class="navbar navbar-default navbar-fixed-top navbar-transparent-black mm-fixed-top" role="navigation" id="navbar">
					<div class="navbar-header col-md-2">
						<a class="navbar-brand" href="index.html">
							<strong>智慧园区</strong>后台管理
						</a>
						<div class="sidebar-collapse">
							<a href="#">
								<i class="fa fa-bars"></i>
							</a>
						</div>
					</div>
					<div class="navbar-collapse">
						<ul class="nav navbar-nav refresh">
							<li class="divided">
								<a href="#" class="page-refresh"><i class="fa fa-refresh"></i></a>
							</li>
						</ul>

						<ul class="nav navbar-nav quick-actions">
							<li class="dropdown divided user" id="current-user">
								<div class="profile-photo"></div>
								<a class="dropdown-toggle options" data-toggle="dropdown" href="#">
									admin<i class="fa fa-caret-down"></i>
								</a>
								<!-- 背景颜色、主页、退出-->
								<ul class="dropdown-menu arrow settings">
									<li>
										<h3>背景颜色:</h3>
										<ul id="color-schemes">
											<li>
												<a href="#" class="bg-1"></a>
											</li>
											<li>
												<a href="#" class="bg-2"></a>
											</li>
											<li>
												<a href="#" class="bg-3"></a>
											</li>
											<li>
												<a href="#" class="bg-4"></a>
											</li>
											<li>
												<a href="#" class="bg-5"></a>
											</li>
											<li>
												<a href="#" class="bg-6"></a>
											</li>
										</ul>
									</li>
									<li class="divider"></li>
									<li>
										<a href="#"><i class="fa fa-user"></i> Profile</a>
									</li>
									<li class="divider"></li>
									<li>
										<a href="#"><i class="fa fa-power-off"></i> Logout</a>
									</li>
								</ul>
							</li>
						</ul>

						<ul class="nav navbar-nav side-nav" id="sidebar">
							<li class="collapsed-content">
								<ul>
									<li class="search">
										<!-- Collapsed search pasting here at 768px -->
									</li>
								</ul>
							</li>

							<li class="navigation" id="navigation">
								<ul class="menu">
									<li class="dropdown">
										<a href="#" class="dropdown-toggle" data-toggle="dropdown">
											<i class="fa fa-list"></i>设备管理<b class="fa fa-plus dropdown-plus"></b>
										</a>
										<ul class="dropdown-menu">
											<li>
												<a href="device-list.html">
													<i class="fa fa-caret-right"></i>设备列表
												</a>
											</li>
										</ul>
									</li>

									<li class="dropdown  open active">
										<a href="#" class="dropdown-toggle" data-toggle="dropdown">
											<i class="fa fa-tachometer"></i>告警信息<b class="fa fa-plus dropdown-plus"></b>
										</a>
										<ul class="dropdown-menu">
											<li class="active">
												<a href="warnning-list.html">
													<i class="fa fa-caret-right"></i>历史告警
												</a>
											</li>
										</ul>
									</li>

									<li class="dropdown">
										<a href="#" class="dropdown-toggle" data-toggle="dropdown">
											<i class="fa fa-pencil"></i>系统管理<b class="fa fa-plus dropdown-plus"></b>
										</a>
										<ul class="dropdown-menu">
											<li>
												<a href="ui-elements.html">
													<i class="fa fa-caret-right"></i>账号列表
												</a>
											</li>
											<li>
												<a href="typography.html">
													<i class="fa fa-caret-right"></i>角色管理
												</a>
											</li>
										</ul>
									</li>
								</ul>
							</li>
						</ul>
					</div>
				</div>
				<div id="content" class="col-md-12">
					<div class="main">
              <div class="col-md-12">
                <!-- tile -->
                <section class="tile color transparent-white">
                  <!-- tile header -->
                  <div class="tile-header">
                    <h1><strong>新增账号</strong></h1>
                  </div>
                  <div class="tile-body">
                    <form class="form-horizontal" role="form">
                      <div class="form-group">
                        <label for="datepicker" class="col-sm-4 control-label">用户名</label>
                        <div class="col-sm-3">
                          <input type="text" class="form-control" id="datepicker">
                        </div>
                      </div>
                      <div class="form-group">
                        <label for="colorpicker" class="col-sm-4 control-label">真实姓名</label>
                        <div class="col-sm-3">
                          <input type="text" class="form-control" id="colorpicker">
                        </div>
                      </div>
                     
                      <div class="form-group">
                        <label for="input07" class="col-sm-4 control-label">所属角色</label>
                        <div class="col-sm-3"> 
                          <select class="chosen-select chosen-transparent form-control" id="input07">
                            <option>超级管理员</option>
                            <option>管理员</option>
                            <option>普通用户</option>
                          </select>
                        </div>
                      </div>
                     
                      <div class="form-group">
                        <label for="datepicker" class="col-sm-4 control-label">手机号码</label>
                        <div class="col-sm-3">
                          <input type="text" class="form-control" id="datepicker">
                        </div>
                      </div>

                      <div class="form-group">
                        <label for="colorpicker" class="col-sm-4 control-label">邮箱地址</label>
                        <div class="col-sm-3">
                          <input type="text" class="form-control" id="colorpicker">
                        </div>
                      </div>
                      
                      <div class="form-group">
                        <label for="input05" class="col-sm-4 control-label">备注：</label>
                        <div class="col-sm-3">
                          <textarea class="form-control" id="input05" rows="6"></textarea>
                        </div>
                      </div>

                      
                      <div class="form-group form-footer footer-white">
                        <div class="col-sm-offset-4 col-sm-8">
                          <button type="submit" class="btn btn-greensea">确定</button>
                        </div>
                      </div>
                    </form>
                  </div>
                </section>

              </div>
					</div>
				</div>
			</div>
		</div>
		<section class="videocontent" id="video"></section>
		<script src="https://code.jquery.com/jquery.js"></script>
		<script src="assets/js/vendor/bootstrap/bootstrap.min.js"></script>
		<script type="text/javascript" src="assets/js/vendor/mmenu/js/jquery.mmenu.min.js"></script>
		<script type="text/javascript" src="assets/js/vendor/sparkline/jquery.sparkline.min.js"></script>
		<script type="text/javascript" src="assets/js/vendor/nicescroll/jquery.nicescroll.min.js"></script>

		<script src="assets/js/vendor/chosen/chosen.jquery.min.js"></script>
		<script src="assets/js/minimal.min.js"></script>

		<script>
			$(function() {})
		</script>
	</body>

</html>